.grzx {
  background-color: #f5f9ff; }

.grzx-gn {
  display: flex;
  justify-content: space-between; }
  .grzx-gn .left {
    background-color: #fff;
    width: 242px;
    height: 429px; }
    .grzx-gn .left .left-top {
      background-image: url(../img/bg_member.png);
      background-size: 100%;
      width: 242;
      height: 39px;
      color: white;
      padding-left: 75px; }
    .grzx-gn .left .nav {
      width: 242px; }
      .grzx-gn .left .nav a:hover {
        color: #3861f4; }
      .grzx-gn .left .nav .nav-items {
        margin-top: 5px;
        width: 242px;
        align-items: center;
        line-height: 39px;
        padding-left: 15px; }
        .grzx-gn .left .nav .nav-items > a {
          font-size: 15px; }
        .grzx-gn .left .nav .nav-items div {
          width: 242px;
          height: 39px; }
          .grzx-gn .left .nav .nav-items div span {
            padding-top: 2px;
            display: inline-block;
            margin-right: 5px;
            height: 15px;
            width: 15px;
            background-image: url(../img/icon_member.png);
            background-repeat: no-repeat; }
          .grzx-gn .left .nav .nav-items div > a {
            font-size: 15px; }
        .grzx-gn .left .nav .nav-items:hover ul {
          display: block;
          background-color: #f5f5f5; }
        .grzx-gn .left .nav .nav-items ul {
          margin-top: 5px;
          list-style: none;
          display: none; }
          .grzx-gn .left .nav .nav-items ul li {
            padding-left: 20px;
            width: 242px;
            height: 39px; }
  .grzx-gn .right {
    background-color: #fff;
    width: 1030px;
    height: 1100px; }
    .grzx-gn .right .item1 {
      width: 1030px;
      height: 173px;
      padding-top: 50px;
      /* padding-bottom: 30px; */
      display: flex;
      justify-content: space-between; }
      .grzx-gn .right .item1 .left {
        width: 450px;
        height: 112px;
        display: flex;
        justify-content: space-between;
        color: #777777;
        margin-left: 20px; }
        .grzx-gn .right .item1 .left .tx {
          width: 90px;
          height: 90px;
          border-radius: 50%;
          background-image: url(../img/tx.png);
          background-repeat: no-repeat;
          background-size: 100%;
          margin-right: 20px; }
        .grzx-gn .right .item1 .left .yh p {
          font-size: 15px; }
      .grzx-gn .right .item1 .right {
        width: 450px;
        height: 112px;
        display: flex;
        justify-content: space-evenly;
        margin-top: 13px;
        font-size: 15px; }
        .grzx-gn .right .item1 .right a:hover {
          color: #3861f4; }
        .grzx-gn .right .item1 .right .right-item .item-bg {
          width: 45px;
          height: 55px;
          background-repeat: no-repeat;
          background-size: 100%; }
    .grzx-gn .right .item2 {
      margin-top: 30px;
      width: 1030px;
      height: 325px;
      padding-left: 30px;
      padding-top: 10px;
      margin-top: 30px; }
      .grzx-gn .right .item2 h3 {
        font-size: 18px;
        font-weight: normal; }
        .grzx-gn .right .item2 h3 span {
          font-size: 10px;
          color: #777777; }
      .grzx-gn .right .item2 .item2-fh {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap; }
        .grzx-gn .right .item2 .item2-fh .item2-wz {
          margin-top: 15px;
          width: 458px;
          height: 116px;
          background-color: #f5f5f5;
          padding-top: 20px;
          padding-left: 15px; }
          .grzx-gn .right .item2 .item2-fh .item2-wz h4 {
            font-size: 18px;
            font-weight: normal;
            color: #00a1cc; }
          .grzx-gn .right .item2 .item2-fh .item2-wz p {
            color: #777777;
            font-size: 15px; }
    .grzx-gn .right .item3 {
      width: 1030px;
      height: 325px;
      padding-left: 30px;
      padding-top: 10px;
      margin-top: 30px; }
      .grzx-gn .right .item3 h3 {
        font-size: 18px;
        font-weight: normal; }
      .grzx-gn .right .item3 .item3-kdsm {
        display: flex;
        justify-content: space-evenly;
        width: 1030px;
        height: 325px;
        margin-top: 15px;
        padding-right: 40px; }
        .grzx-gn .right .item3 .item3-kdsm .box {
          height: 224px;
          width: 270px;
          position: relative;
          border: 1px solid darkgray; }
          .grzx-gn .right .item3 .item3-kdsm .box .box-circle {
            height: 82px;
            width: 82px;
            border-radius: 50%;
            position: absolute;
            top: 30px;
            right: 0;
            left: 0;
            margin: 0 auto;
            background-image: url(../img/dlfast.png);
            background-repeat: no-repeat; }
          .grzx-gn .right .item3 .item3-kdsm .box .wz {
            height: 82px;
            width: 200px;
            border-radius: 50%;
            position: absolute;
            top: 120px;
            right: 0;
            left: 0;
            margin: 0 auto;
            text-align: center; }
            .grzx-gn .right .item3 .item3-kdsm .box .wz h3 {
              font-weight: bold; }
            .grzx-gn .right .item3 .item3-kdsm .box .wz p {
              color: #777777; }

.right .dindan {
  width: 1030px;
  height: 39px; }
  .right .dindan .dindan1 {
    margin: 0;
    width: 400px;
    left: 40px;
    display: flex;
    justify-content: left; }
    .right .dindan .dindan1 .dindan-item {
      width: 60px;
      height: 37px;
      font-size: 15px;
      line-height: 37px;
      text-align: center; }
      .right .dindan .dindan1 .dindan-item:hover a {
        color: #00a1cc; }
      .right .dindan .dindan1 .dindan-item:hover {
        border-bottom: 2px solid #3861f4; }

.right .table1 {
  margin-top: 10px;
  width: 1030px;
  height: 100px;
  padding-left: 700px; }
  .right .table1 table {
    width: 800px;
    text-align: center; }
    .right .table1 table button {
      width: 50px;
      border: 0;
      background-color: #c41921;
      color: white; }
    .right .table1 table th {
      background-color: #eee; }

.right .table2 {
  padding-left: 700px; }
  .right .table2 img {
    width: 50px;
    height: 80px; }
  .right .table2 table {
    border: 2px solid #eee;
    text-align: center;
    width: 800px; }
    .right .table2 table tr {
      border: 1px solid #eee; }

.right .pages {
  margin-top: 20px;
  margin-left: 310px; }
  .right .pages button {
    background-color: white;
    border: 1px solid white;
    margin-right: 15px;
    padding: 5px; }
    .right .pages button:hover {
      border: #c41921 1px solid;
      color: #c41921; }

.right .spsc-item .active {
  margin: 0;
  margin-left: 30px;
  margin-bottom: 2px;
  width: 80px;
  height: 34px;
  border-bottom: 2px solid #3861f4;
  color: #3861f4;
  text-align: center; }
  .right .spsc-item .active p {
    font-size: 15px; }

.right .spsc-item .sp {
  margin-top: 20px;
  width: 1030px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left; }
  .right .spsc-item .sp .box {
    margin: 20px;
    margin-left: 30px;
    margin-right: 30px;
    width: 100px;
    height: 200px;
    text-align: center; }
    .right .spsc-item .sp .box img {
      width: 90px;
      height: 150px; }
    .right .spsc-item .sp .box p {
      color: red; }
    .right .spsc-item .sp .box button {
      width: 70px;
      background-color: white;
      color: #00a1cc;
      border: #00a1cc 1px solid; }
      .right .spsc-item .sp .box button:hover {
        color: white;
        background-color: #00a1cc; }

.right .jbxx {
  margin-top: 20px;
  padding-left: 100px;
  text-align: left; }
  .right .jbxx span {
    color: #777777; }
  .right .jbxx input {
    padding-left: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 200px;
    background-color: #f9f9f9;
    border: 1px solid #eee; }
  .right .jbxx select {
    padding-left: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 200px;
    height: 34px;
    background-color: #f9f9f9;
    border: 1px solid #eee; }
  .right .jbxx button {
    width: 130px;
    height: 35px;
    font-weight: bold;
    margin-top: 30px;
    background-color: #00a1cc;
    color: white;
    border: 0; }

.gywm-item1 {
  height: 330px;
  background-image: url(../img/gytb.jpg);
  background-repeat: no-repeat;
  padding-top: 190px;
  text-align: center; }
  .gywm-item1 h1 {
    font-size: 40px; }
  .gywm-item1 p {
    font-size: 20px; }

.gywm-item2 {
  height: 250px;
  text-align: center;
  padding-top: 40px; }
  .gywm-item2 h1 {
    font-size: 30px; }
  .gywm-item2 p {
    font-size: 15px; }

.gywm-item3 {
  width: 1200px; }
  .gywm-item3 h1 {
    font-size: 30px;
    text-align: center; }
  .gywm-item3 .table {
    width: 1000px;
    height: 1500px;
    background-repeat: no-repeat;
    background-image: url(../img/biaoge.jpg);
    background-size: 100%;
    margin-left: 100px;
    margin-top: 20px;
  }
    

.gywm-item4 {
  text-align: center; }
  .gywm-item4 h1 {
    font-size: 30px; }
  .gywm-item4 .wz {
    margin-top: 30px;
    margin-left: 500px;
    width: 800px;
    height: 300px;
    text-align: left; }
